﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
        p
        {
            color: red;
        }
    </style>
    <script src="jquery-1.8.0.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            var text = $(':checkbox').map(function () {
                return this.id;
            }).get().join(',');
            alert(text);


            $("p").append($("input").map(function () {
                return $(this).val();
            }).get().join(", "));
        });
    </script>
</head>
<body>
    <form method="post" action="">
    <span>通过一个函数匹配当前集合中的每个元素,产生一个包含的返回值的jQuery新对象。 version added: 1.2.map( callback(index,
        domElement) ) callback(index, domElement)一个函数对象，将调用当前集合中的每个元素。 作为返回值是一个jQuery包装的数组，这是非常常见get()返回的对象与基本数组。
        .map()方法尤其有用于元素获取或设置一个集合的值。 </span>
    <fieldset>
        <div>
            <label for="two">
                2</label>
            <input type="checkbox" value="2" id="two" name="number[]" />
        </div>
        <div>
            <label for="four">
                4</label>
            <input type="checkbox" value="4" id="four" name="number[]" />
        </div>
        <div>
            <label for="six">
                6</label>
            <input type="checkbox" value="6" id="six" name="number[]" />
        </div>
        <div>
            <label for="eight">
                8</label>
            <input type="checkbox" value="8" id="eight" name="number[]" />
        </div>
    </fieldset>
    <input type="text" name="name" value="John" />
    <input type="text" name="password" value="password" />
    <input type="text" name="url" value="http://baidu.org/" />
    <p>
        <b>Values: </b>
    </p>
    </form>
</body>
</html>
